Recent Comments
Copy This to HTML Widget..

<div id="rcentcomnets"><span class="loadx">Loading...</span></div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
rccommnetsx({
numComments:6,
characters:100,
adminBlog:"Your Google+/blogger name here"
});
});
//]]>
</script>


NB:
adminBlog is your blogger or google+ name with '' ex: adminBlog: 'Steve Brush'
numComments is number of recent comment you want to show




Configure Middle Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML
Now scroll down to where you see the codes below:

<ul id='navnyaa'>

<li><a href='#'>Home</a></li>

<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>

<li class='dgnsub'><a href='#'>Comments</a>

<ul class='sub-menux'>
<li><a href='#'>Sub Menu</a></li>

<li><a href='#'>Sub Menu</a></li>

<li><a href='#'>Sub Menu</a></li>

<li><a href='#'>Sub Menu</a></li>

</ul>
</li>
</ul>


Just replace "#" with your menu item URL.




Configure Top Dropdown Menu:

<ul class='menuhlng' id='topnav'>

<li><a href='#'>About</a></li>

<li><a href='#'>Contact</a></li>

<li><a href='#'>Advertise</a></li>

<li><a href='#'>Usage</a></li>

</ul>

Just replace "#" with your menu item URL.




Configure Social Icon:

<li><a class='ikon fb' href='#' title='Facebook'>Facebook</a></li>

<li><a class='ikon twtr' href='#' title='Twitter'>Twitter</a></li>

<li><a class='ikon goplus' href='#' title='Google+'>Google+</a></li>

<li><a class='ikon rssx' href='#' title='RSS'>RSS</a></li>


Just replace "#" with your menu Social Network URL.



